<template>
    <div id="login">
        <form action="#">
            <p><input type="text" placeholder="账号/手机号/邮箱"></p>
            <p><input type="password" placeholder="请输入您的密码"></p>
            <p><button>登录</button></p>
        </form>
        <p class="find-password">
            <span>立即注册</span>
            <span>找回密码</span>
        </p>
    </div>
</template>
<script>
export default {
    name:'Login'
}
</script>
<style scoped>
#login{
    padding-top: 50px;
}
input{
    width: 97%;
    height: 40px;
    border: none;
    border-bottom: 1px solid #ccc;
    padding-left: 10px;
    outline: none;
}
button{
    border-radius: 5px;
    color: #fff;
    background-color: #e54847;
    border: none;
    width: 95%;
    margin: 10px;
    height: 40px;
    font-size: 16px;
}
.find-password span{
    color: #e54847;
    font-size: 12px;
}
.find-password span:first-child{
    float: left;
    margin-left: 10px;
}
.find-password span:last-child{
    float: right;
    margin-right: 10px;
}
.find-password{
    overflow: hidden;
}
</style>